
body, td, th, input, option, select, button {
    font-size: 12px;
    font-family: Tahoma;
}

body {
    color: #676767;
    background-color: #ececec;
    background-image: url(../images/outer-2.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    margin: 0;
    padding: 10px 30px 30px;
}

textarea {
    line-height: 1.4;
    font: normal 12px Tahoma;
    padding: 4px;
}

label {
    cursor: pointer;
}

a {
    color: #005FA3;
    text-decoration: underline;
}

a:hover {
    color: #333;
}

.textlinks {
    position: absolute;
    top: 15px;
    right: 0;
    color: #FBFBFC;
    font: normal 11px Tahoma;
}

.Header {
    position: relative;
	background:#052B54;
}
.Header .logo { overflow:hidden; padding: 10px 20px; }
.Header .logo a {width:402px; height:70px; float:left; text-decoration: none; color: white; font-size: 1.5em;}
.top {
    color: #7CACDA;
}

.RightHeader {
    font-weight: 700;
    color: #fff;
    background-color: #ADAAAD;
    padding: 4px 4px 4px 10px;
}

ul {
    margin-top: 5px;
}

ul li {
    line-height: 170%;
    list-style-type: disc;
}


/*-- Grid --*/
.grid-view-loading {
    /*background: url("../images/loading.gif") no-repeat scroll 0 0 transparent;*/
}
.grid-view table.items {
    background: none repeat scroll 0 0 white;
/*    border: 1px solid #D0E3EF;*/
    border-collapse: collapse;
    width: 100%;
}
.grid-view table.items th, .grid-view table.items td {
    font-size: 0.9em;
    padding: 0.3em;
}
.grid-view table.items th {
    vertical-align: middle;
    background-image: url('../images/table_bg.gif');
    background-repeat: repeat-x;
    background-color: #e4e4e4;
    color: #000;
    border-bottom: 1px solid #ddd;
    padding: 4px;
    text-align: center;
    height: 27px;
}
.grid-view table.items th a {
    color: #005FA3;
    font-weight: bold;
    text-decoration: none;
}
.grid-view table.items th a:hover {
    color: #000;
}
.grid-view table.items th a.asc {
    background: url("../images/active_sortup.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
}
.grid-view table.items th a.desc {
    background: url("../images/active_sortdown.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
}
.grid-view table.items tr.even {
    background: none repeat scroll 0 0 #F8F8F8;
}
.grid-view table.items tr.odd {
    background: none repeat scroll 0 0 #EEEEEE;
}
.grid-view table.items tr.selected {
    background: none repeat scroll 0 0 #BCE774;
}
.grid-view table.items tr:hover {
    background: none repeat scroll 0 0 #ECFBD4;
}
.grid-view .link-column img {
    border: 0 none;
}
.grid-view .button-column {
    text-align: center;
    width: 60px;
}
.grid-view .button-column img {
    border: 0 none;
}
.grid-view .checkbox-column {
    width: 15px;
}
.grid-view .summary {
    margin: 0 0 5px;
    text-align: right;
}
.grid-view .pager {
    margin: 5px 0 0;
    text-align: right;
}
.grid-view .empty {
    font-style: italic;
}
.grid-view .filters input, .grid-view .filters select {
    border: 1px solid #CCCCCC;
    width: 100%;
}
/*-- Form --*/
div.form {margin: 0;}

div.form .form-group-heading{
    background: url("../images/table_bg.gif");
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    padding-left: 10px;
}

div.form input,
div.form textarea,
div.form select
{
    margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
    border: 1px solid #DDD;
    padding: 10px;
    margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form fieldset.widget-group{border: none;padding:0;margin:0;} 

div.form label
{
    font-weight: bold;
    font-size: 0.9em;
    display: block;
    color: #052B54;
}

div.form .row
{
    margin: 5px 0;
}

div.form .hint
{
    margin: 0;
    padding: 0;
    color: #999;
}

div.form .note
{
    font-style: italic;
}

div.form span.required
{
    color: red;
}

div.form div.error label,
div.form label.error,
div.form span.error
{
    color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
    background: #FEE;
    border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
    background: #E6EFC2;
    border-color: #C6D880;
}


div.form .errorSummary,
div.errorMessage
{
    /*border: 2px solid #C00;
    padding: 7px 7px 12px 7px;
    margin: 20px 0;
    background: #FEE;
    font-size: 0.9em;*/
}

div.successMessage
{
    border: 2px solid #0C0;
    padding: 7px 7px 12px 7px;
    margin: 20px 0;
    background: #EFE;
    font-size: 0.9em;
}

div.form .errorMessage
{
    color: red;
    font-size: 0.9em;
}

div.form .errorSummary p
{
    margin: 0;
    padding: 5px;
}

div.form .errorSummary ul
{
    margin: 0;
    padding: 0 0 0 20px;
}

div.wide form label
{
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 200px;
    line-height: 24px;
}

div.form .hint { margin: 0; padding: 0; color: #999; }
.wide .row .hint { float: none; clear: both; margin-left: 210px; padding-top: 2px;}

div.wide form .row
{
    clear: left;
}

div.wide form .buttons
{
    clear: left;
    margin-left: 210px;
}

div.wide form .errorMessage
{
    margin: 0 0 0 210px;
}
div.wide .note {padding-left: 210px;}

/*-- CURD menu --*/
.crud-menu ul{margin-left:-50px;}
.crud-menu ul li{display:inline; padding: 0 12px 0 12px; border-right: 1px solid #ccc;}
.crud-menu ul li.last{border-right: none;}

/*-- Breadcrumb Styles --*/
.Breadcrumb {
    clear: left;
    height: 24px;
    background: url('../images/breadcrumb_grid.png') no-repeat 5px 5px #fff;
    border-bottom: 1px solid #dcdcdc;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right:10pt;
    margin-left:10pt;
    padding-left: 21px;
}

.Breadcrumb a,
.Breadcrumb span{
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 20px 0 5px;
 }
.Breadcrumb a{text-decoration: none; /*font-weight: bold;*/}

.Breadcrumb a{ background: #fff url('../images/breadcrumb_grid.png') no-repeat right -55px;}  
.Breadcrumb span { background: #f4f5f7 url('../images/breadcrumb_grid.png') no-repeat right -55px;}

.Breadcrumb a.SecondLast {
    background: url('../images/breadcrumb_grid.png') no-repeat right -24px;
}

.grid-view .set-default-column,
.grid-view .status-column {
    width: 25px;
}
.grid-view .set-default-column a,
.grid-view .status-column a {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -2011px;
    background: url(../images/delicon.gif) no-repeat;
    margin: 0 auto;
}
.grid-view .status-column a.active {
    background: url(../images/log_severity1.gif) no-repeat;
}
.grid-view .status-column.default a.active {
    cursor: text;
}
.grid-view .set-default-column a {
    display: none;
}
.grid-view .set-default-column a.default {
    cursor: text;
    display: block;
    background: url(../images/icon_default.png) no-repeat;
}

.grid-view .datetime-column {width: 150px; text-align: center;}

.grid-view .status-column {
    width: 25px;
}
.grid-view .status-column a {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -2011px;
    background: url(../images/delicon.gif) no-repeat;
    margin: 0 auto;
}
.grid-view .status-column a.active {
    background: url(../images/log_severity1.gif) no-repeat;
}

.grid-view .datetime-column {width: 150px; text-align: center;}

.grid-view table.items td.sortable {background: url(../images/sortable.png) no-repeat center left; padding-left: 12px; cursor: move;}

.grid-view .button-column.default .delete {cursor: text; display: none;}
.container h1 {color: #111111;}

div.wide form .row .actions {clear: both; overflow: hidden; padding-left: 210px;}
* html div.wide form .row .actions {height: 1%;}
div.wide form .row .actions a.add {background: url(../images/view_add.gif) no-repeat left center; width: 16px; height: 16px; /*float: left;*/ display: inline-table; text-indent: -9999px;}
div.wide form .row .actions a.remove {background: url(../images/view_del.gif) no-repeat left center; width: 16px; height: 16px; padding-right: 10px; /*float: left;*/ display: inline-table; text-indent: -9999px;}

body.popup {    
    background: none;
    padding-top: 50px;
}
body.popup .ContentContainer {
    border: none;
    min-height: inherit;
}

/** page tree */
.page_tree {
    background-color: #fff;
    overflow: hidden;
}
.page_tree ul{
    padding: 0;
}
.page_tree img{
    border: 0 none;
    display: inline;
    margin: 0;
}
.page_tree #dirst_drop_target{
    background: none;
}

.page_tree li.page_hidden > .ie_fix {
    background: url(../images/page/page_background_hidden.png) repeat-x top left;
}

.page_tree li .ie_fix {
    background: url(../images/page/page_background.png) repeat-x top left;
    color: #000000;
}

.page_tree li .ie_fix .inactive {
    color: #B7B6B6;
}

.page_tree li .ie_fix_hover {
    background: url(../images/page/page_add_hover.png) repeat-x left top;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.page_tree li {
    color: #333;
    line-height: 29px;
    display: block;
    float: left;
    padding: 0px 0 0px 40px;
    clear: both;
}

.page_tree li > div {
    cursor: move;
    padding: 0 0px 0 10px;
}

.page_tree li.page_hidden > .ie_fix .add_page_inline {
    background:  url(../images/page/page_add_sm_button_hidden.png) no-repeat left top;
}

.page_tree .add_page_inline {
    background:  url(../images/page/page_add_sm_button.png) no-repeat left top;
    width: 29px;
    overflow: hidden;
    text-indent: -5000px;
    display: block;
    float: right;
}

.page_tree li > .ie_fix:hover > .page_edit_delete > .page_link_inline {
    width: 21px;
    border: 0;
}

.page_tree .page_link_inline {
    background: #fff url(../images/page/page_link.png) no-repeat left top;
    width: 0px;
    border-right: 21px solid #fff;
    overflow: hidden;
    text-indent: -5000px;
    display: block;
    float: right;
}

.page_tree .add_page_inline:hover, .page_tree .page_link_inline:hover, .page_tree li.page_hidden > .ie_fix .add_page_inline:hover {
    background-position: left bottom;
}

.page_tree li a {
    color: #333;
}

.page_tree_placeholder {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 10px;
    width: 176px;
    background: #F5C062;
    opacity: 0;
    visibility: hidden;
}

.page_edit_delete {
    float: right;
    margin-left: 25px;
}

.page_delete {
    margin-right:-3px;
}
.sub_page.button {
    -moz-border-radius: 6px 6px 6px 6px;
    background: url("../images/page/button_back.png") repeat-x scroll center center #F5C062 !important;
    border: 1px solid #F5C062 !important;
    color: #000000 !important;
    cursor: pointer;
    display: inline;
    font-size: 0.9em;
    font-weight: bold;
    padding: 6px 12px !important;
    text-decoration: none;
    text-shadow: 0 0 0.7em #F5C062;
    text-transform: uppercase;
}
.placeholder {background: #DBDBDB; border-bottom: 1px solid #FFFFFF; height: 29px;}
.add-page {padding-bottom: 10px; padding-left: 80px;}

.active-workflow-column a {background: url(../images/revert.png) no-repeat left center; display: block; width: 16px; height: 16px; text-indent: -9999px;}
.active-workflow-column span {padding: 0 3px;}

.view-mode {overflow: hidden;}
* html .view-mode {height: 1%;}
.view-mode a {float: right; display: block; width: 16px; height: 16px; text-indent: -9999px; text-align: left;}
.view-mode a.grid {background: url(../images/grid-view.png) no-repeat left center;}
.view-mode a.tree {width: 24px; height: 24px; background: url(../images/tree-view.png) no-repeat left center;}
.grid-view .items td img {border: none;}
.grid-view .layouts-column {text-align: center;}
.grid-view .layouts-column ul {padding: 0; margin: 0;}
.grid-view .layouts-column ul li {list-style: none;}

.HeaderContainer {position: relative; height: 25px; border: 1px solid #DCDCDC; border-radius:3px 3px 3px 3px; margin: 0 10px;}
.HeaderContainer .Breadcrumb {position: absolute; top: 0; left: 0; border: none; border-radius: none; margin: 0;}
.HeaderContainer .MenuGoto {position: absolute; top: 2px; right: 10px; border: 1px solid #DCDCDC;height: 21px; font-size: 1.1em;}
.HeaderContainer select {width: 190px;}

#fancybox-content .title {background-color: #125999; color: white; font-weight: bold; padding: 5px 10px; font-size: 14px;  text-align: left;}
#fancybox-content .popup-content {padding: 5px;}
#fancybox-content .popup-content .row { margin: 0; padding: 5px 0;}
#fancybox-content .popup-content input { margin: 0;}
#fancybox-content .buttons {text-align: right;}
#fancybox-content .buttons input {background-color: #125999; padding: 3px 5px; color: white; font-weight: bold; border: 1px solid #052A54; margin: 0;}
#fancybox-content .buttons input.cancel {background-color: #EEE; color: #000000; border: 1px solid #999;}
#fancybox-content .row label {font-weight: bold;}
#fancybox-content .row input {border: 1px solid #BDC7D8; padding: 2px;}

.page_tree .sort-handle .collapse,
.page_tree .sort-handle .expand,
.grid-view .items .collapse,
.grid-view .items .expand {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    margin-right: 10px;
}
.page_tree .sort-handle .collapse,
.grid-view .items .collapse {
    background: url(../images/page/tree_collapse.png) no-repeat;
}
.page_tree .sort-handle .expand,
.grid-view .items .expand {
    background: url(../images/page/tree_expand.png) no-repeat;
}
.page_tree .sort-handle .collapse,
.page_tree .sort-handle .expand {
    margin-top: 5px;
}
.page_tree li span span {
    display: inline-block;
    vertical-align: top;
}

.widget-group .item-overlay {
    cursor: pointer !important;
    overflow: hidden;
    position: absolute;
    z-index: 100001;
}
.widget-group .overlay-bg {
    background: none repeat scroll 0 0 red;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.widget-group .drag-handle {
    background: url(../images/draghandle-bg.png) repeat scroll 0 0 transparent;
    border-left: 1px solid #E0DFE3;
    cursor: move;    
    height: 100%;
    min-width: 40px;
    position: absolute;
    left: 2px;
    top: -2px;
    width: 5%;
}
.widget-group .drag-handle div {
    background: url(../images/site-builder/draghandle.gif) no-repeat scroll center center transparent;
    height: 100%;
    opacity: 0.3;
}
.widget-group .item-content .add,
.widget-group .item-content .remove,
.widget-group .item-content .up,
.widget-group .item-content .down {
    background: url(../images/site-builder/toolbox.gif) no-repeat scroll 0 0 #F5F7F7 !important;
    display: block !important;
    height: 24px !important;
    margin: 0 !important;
    outline: medium none;
    padding: 0 !important;
    text-decoration: none !important;
    width: 25px !important;
    float:left;
    text-indent: -9999px;
}
.widget-group .item-content .add {
    background-position: -75px -22px !important;
}
.widget-group .item-content .remove {
    background-position: -50px -22px !important;
}
.widget-group .item-content .up {
    background-position: 0px -22px !important;
}
.widget-group .item-content .down {
    background-position: -25px -22px !important;
}